<!-- 
	background: 背景颜色    
-->
<template>
	<view class="footer" :style="{'padding-bottom':systemInfo.safeAreaInsets.bottom+'px'}">
		<view class="fix-wrap" :style="{'background':background,'padding-bottom':systemInfo.safeAreaInsets.bottom+'px'}"> 
			<slot name="content"></slot> 
		</view> 
	</view>
</template>

<script>
export default{
	name:'',
	data(){
		return {
			systemInfo:uni.getSystemInfoSync(),     // 系统信息 
		}
	},
	props:{ 
		background:{
			type:String,
			default() {
				return '#ffffff';
			}
		}, 
	},
	onReady() { 
		 
		
	}
}
</script>

<style lang="less"  >
	.footer{
		width: 100%;
		height: 45px;
		.fix-wrap{
			bottom: 0;
			width: 100%;
			height: 45px;
		}
	}
</style>
